<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="__STATIC__/web/js/rem.js"></script>
    <link rel="stylesheet" href="__STATIC__/web/css/public.css">
    <link rel="stylesheet" href="__STATIC__/web/css/rencai_lib.css">
    <script src="__STATIC__/web/js/jquery.js"></script>
    <title>人才库</title>
    <link rel="stylesheet" href="__STATIC__/web/css/bui.css">
    <script src="__STATIC__/web/js/zepto.js"></script>
    <script src="__STATIC__/web/js/bui.js"></script>
    <script src="__STATIC__/web/js/choose.js"></script>
</head>

<body>
    <div class="bui-page">

        <main>
            <div class="header-top">

                <if condition="$uid eq null">
                    <a href="{:url('login/login')}">
                        <img class="login-user" src="__STATIC__/web/img/login_user.png" />
                    </a>
                    <else />
                    <div class="login">
                        <a href="{:url('me/me')}">
                            <img class="login-user" src="__STATIC__/web/img/login_user.png" />
                        </a>
                    </div>
                </if>
                <img class="logo" src="__STATIC__/web/img/logo_white.png" />
                <div class="search-rencai">
                    <div class="choose-type">
                        <div id="datepicker_input2">人才库</div>
                        <img src="__STATIC__/web/img/down_white_arrow.png">
                    </div>
                    <div class="search">
                        <img src="__STATIC__/web/img/search.png">
                        <input placeholder="请输入搜索关键词"></input>
                    </div>
                </div>
            </div>
            <div class="college-choose">
                <div class="college" id="choose-show">
                    <span>学院选择</span>
                    <img id="down-arrow" src="__STATIC__/web/img/down_arrow.png">
                </div>
                <div class="college-list" id="college">
                    <foreach name="allColleges" item="vo">
                        <div id="{$vo.id}">{$vo.college_name}</div>
                    </foreach>
                </div>
            </div>
            <script>
                $('#college div').click(function () {
                    var i = $(this).index();//下标第一种写法
                    //var i = $('tit').index(this);//下标第二种写法

                    $(this).css({ 'color': '#2065a0', 'font-weight': '600' }).siblings().css({ 'color': '#999', 'font-weight': '400' });
                    var data = this.id;
                    window.location.href = "{:url('people/index')}?college_id=" + data;
                });
                $('#choose-show').click(function () {


                    if ($('#college').hasClass('displayflex')) {
                        $('#college').removeClass('displayflex')
                        $('#down-arrow').css('transform', 'rotate(0deg)')
                    } else {
                        $('#college').addClass('displayflex');
                        $('#down-arrow').css('transform', 'rotate(180deg)')
                    }

                })
            </script>
            <div class="team">
                <div class="team-top">
                    <div class="team-text">明星团队</div>
                    <div class="lookmore">
                        <a href="{:url('people/team')}">
                            <span>查看更多</span>
                            <img src="__STATIC__/web/img/more.png" />
                        </a>
                    </div>
                </div>
                <ul class="team-list">
                    <foreach name="teams" item="vo">
                        <li>
                            <a href="{:url('people/teamDetail')}?id={$vo.id}">
                                    <img src="{$vo.team_pic|default='__STATIC__/images/default_avator.jpg'}" />
                                <div class="from" style="-webkit-box-orient: vertical;">{$vo.team_name}</div>
                                <div class="principal" style="-webkit-box-orient: vertical;">负责人：{$vo.founder_name}
                                </div>
                            </a>
                        </li>
                    </foreach>
                    <div style="width: 1.92rem"></div>
                    <div style="width: 1.92rem"></div>
                </ul>
            </div>
            <foreach name="showColleges" item="vo">
                <div class="team1">
                    <div class="team1-top">
                        <div class="team1-text">{$vo.college_name}</div>
                        <div class="lookmore">
                            <a href="{:url('people/index')}?college_id={$vo.id}">
                                <span>查看更多</span>
                                <img src="__STATIC__/web/img/more.png" />
                            </a>
                        </div>
                    </div>
                    <ul class="team1-list">
                        <foreach name="vo.teachers" item="teacher">
                            <li>
                                <a href="{:url('people/talentsdetail')}?id={$teacher.id}">
                                        <img src="{$teacher.head_img|default='__STATIC__/images/default_avator.jpg'}" />
                                    <div class="from" style="-webkit-box-orient: vertical;">{$teacher.real_name}</div>
                                    <div class="principal" style="-webkit-box-orient: vertical;">{$teacher.tag_text}
                                    </div>
                                </a>
                            </li>
                        </foreach>
                        <div style="width: 1.92rem"></div>
                        <div style="width: 1.92rem"></div>
                    </ul>
                </div>
            </foreach>

            <div class="bottom-bar">
                <div>Copyright©2019 　山东科技大学 </div>
                <div>鲁ICP备09051012号</div>
            </div>
        </main>

    </div>

</body>


</html>